<html>
<head>
	<meta charset='utf-8'/>
	<title>www.layabox.com</title>
    <meta name='renderer' content='webkit'/>
	<meta name='viewport' content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no'/>
	<meta name='apple-mobile-web-app-capable' content='yes' />
	<meta name='full-screen' content='true' />
	<meta name='x5-fullscreen' content='true' />
	<meta name='360-fullscreen' content='true' />
	<meta http-equiv='expires' content='0' />
	<meta name='laya' screenorientation='landscape' />
	<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/>
	<meta http-equiv='expires' content='0' />
	<meta http-equiv='Cache-Control' content='no-siteapp' />
	<style>
	.dotting {
    display: inline-block; min-width: 2px; min-height: 2px;
    box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor,14px 0 currentColor, 18px 0 currentColor, 22px 0 currentColor; /* for IE9+, ......, 3个点 */
    animation: dot 4s infinite step-start both; /* for IE10+, ... */
    *zoom: expression(this.innerHTML = '......'); /*  for IE7. 若无需兼容IE7, 此行删除 */
	}
	.dotting:before { content: '......'; } /* for IE8. 若无需兼容IE8, 此行以及下一行删除*/
	.dotting::before { content: ''; } /* for IE9+ 覆盖 IE8 */
	:root .dotting { margin-right: 8px; } /* for IE9+,FF,CH,OP,SF 占据空间*/

	@keyframes dot {
		15% { box-shadow: none; }                                  /* 0个点 */
		30% { box-shadow: 2px 0 currentColor; }                    /* 1个点 */
		45% { box-shadow: 2px 0 currentColor, 6px 0 currentColor;  /* 2个点 */ }
		60% { box-shadow: 2px 0 currentColor, 6px 0 currentColor,10px 0 currentColor;  /* 3个点 */ }
		75% { box-shadow: 2px 0 currentColor, 6px 0 currentColor,10px 0 currentColor,14px 0 currentColor;  /* 4个点 */ }
		90% { box-shadow: 2px 0 currentColor, 6px 0 currentColor,10px 0 currentColor,14px 0 currentColor,18px 0 currentColor; /* 5个点 */ }
	}
		
	@-webkit-keyframes blink {
		0% {
			opacity:0.2;
		}
		100% {
			opacity:1;
		}
    }
	
	@-webkit-keyframes hide {
		0% {
			opacity:1;
		}
		100% {
			opacity:0;
		}
    }

	.bl {
		-webkit-animation: blink 1s linear 1;
		-webkit-animation-fill-mode: forwards ;
	}
	
	.hide {
		-webkit-animation: hide 0.5s linear 1;
		-webkit-animation-fill-mode: forwards ;
	}
	</style>
</head>
<body style='margin:0;overflow:none;overflow-x:hidden;overflow-y:hidden;background-color: #000;'>
	<!--matter.js-->
<!--以下引用了常用类库，如果不使用，可以删除-->
<div id="start"
     style="width:100%;height:100%;position:absolute;background-color:#000;text-align:center;z-index:1000000;color:#fff;font-size:20px;font-family:'黑体';overflow:hidden">
    <div id="splash"
         style="position:absolute;width:100%;height:100%; line-height:200px; transform-origin:0 0;-webkit-transform-origin:0 0;background-position:center center;background-image:url(loading/ly.png);background-repeat:no-repeat;text-align: center;opacity:0.2">
		 <div id="loadingText" style="position:absolute;top:75%;right:15%;vertical-align:middle">
			<img src="loading/loading.png"/><span class="dotting"></span>
		 </div>
    </div>
</div>
	<script>
	    window.loadingTime=Date.now();
	    var xzd = document.getElementById('splash');
		var start=document.getElementById('start');
		var loadingText=document.getElementById("loadingText");
		var width=Math.min(innerWidth,innerHeight);
		var sc=width/720;
		if(width==innerWidth){
			xzd.style.setProperty("background-position","center 35%");
			loadingText.style.setProperty("top","70%");
		}
		else{
			xzd.style.setProperty("background-position","center center");
			loadingText.style.setProperty("top","75%");
		}
		
		var bgwidth= 376*sc
		var bgheight= 157*sc
		
		xzd.style.setProperty("background-size",bgwidth+"px "+bgheight+"px")
		loadingText.style.transform="scale("+sc+","+sc+")";
		var op = 0;
		setTimeout(function(){
			xzd.setAttribute('class','bl');
		},100);
		
		window.hideLoading=function(){
		  xzd.setAttribute('class','hide');
		  setTimeout(function(){
			  start.setAttribute('class','hide');
			},500);
		  setTimeout(function(){
			document.body.removeChild(start);
			},1000);
		
		}
	</script>
	<!-- // <script src="http://layamarket.layabox.com/LayaH5Market.dev.v4.js" loader='laya'></script> -->
	<script type="text/javascript">
        function loadLib(url) {
            var script = document.createElement("script");
            script.async = false;
            script.src = url;
            document.body.appendChild(script);
        }
    </script>
	<script src='index.js' loader='laya'></script>
</body>
</html>